<template>
    <div class="query">
        <Cascader lebal="所在地区" :deeps="4" :options="options" />
    </div>
</template>

<script>
let options = [
    {
        code: "411000000000",
        name: "许昌市",

        children: [
            {
                code: "411002000000",
                name: "魏都区",

                children: [
                    {
                        code: "411002001000",
                        name: "西大街道",

                        children: [
                            {
                                code: "411002001001",
                                name: "金地社区居委会",
                            },
                            {
                                code: "411002001002",
                                name: "豫园社区居委会",
                            }
                        ]
                    },
                    {
                        code: "411002002000",
                        name: "东大街道",

                        children: [
                            {
                                code: "411002002001",
                                name: "春秋社区居委会",
                            },
                            {
                                code: "411002002002",
                                name: "平安社区居委会",
                            }
                        ]
                    },
                    {
                        code: "411002003000",
                        name: "西关街道",

                        children: [
                            {
                                code: "411002003001",
                                name: "建安社区居委会",
                            },
                        ]
                    },
                    {
                        code: "411002004000",
                        name: "南关街道",
                        children: [
                            {
                                code: "411002004001",
                                name: "大同社区居委会"
                            },
                            {
                                code: "411002004002",
                                name: "七一社区居委会"
                            }
                        ]

                    },
                    {
                        code: "411002005000",
                        name: "北大街道",
                        children: [
                            {
                                code: "411002005001",
                                name: "八一社区居委会"
                            },
                            {
                                code: "411002005002",
                                name: "西湖社区居委会"
                            }
                        ]
                    },
                    {
                        code: "411002006000",
                        name: "五一路街道",
                        children: [
                            {
                                code: "411002006001",
                                name: "五一社区居委会"
                            },
                            {
                                code: "411002006002",
                                name: "光明社区居委会"
                            }
                        ]
                    },
                    {
                        code: "411002007000",
                        name: "高桥营街道",
                        children: [
                            {
                                code: "411002007001",
                                name: "高桥营社区居委会"
                            },
                            {
                                code: "411002007005",
                                name: "大罗庄社区居委会"
                            }
                        ]
                    }
                ]
            },
            {
                code: "411003000000",
                name: "建安区",

                children: [
                    {
                        code: "411003001000",
                        name: "许由街道",

                        children: [
                            {
                                code: "411003001001",
                                name: "十里铺居委会",
                            },
                            {
                                code: "411003001002",
                                name: "李简居委会",
                            }
                        ]
                    },
                    {
                        code: "411003002000",
                        name: "新元街道",

                        children: [
                            {
                                code: "411003002003",
                                name: "忽庄社区居民委员会",

                            },
                            {
                                code: "411003002004",
                                name: "吕桥居委会",
                            },
                            {
                                code: "411003002007",
                                name: "武店居委会",
                            }
                        ]
                    },
                    {
                        code: "411003003000",
                        name: "邓庄街道",
                        children: [
                            {
                                code: "411003003001",
                                name: "邓庄居委会"

                            },
                            {
                                code: "411003003002",
                                name: "于庄居委会"
                            },
                            {
                                code: "411003003003",
                                name: "张湾居委会"
                            }
                        ]
                    },
                    {
                        code: "411003004000",
                        name: "昌盛街道",
                        children: [
                            {
                                code: "411003004001",
                                name: "盐城居委会"

                            },
                            {
                                code: "411003004002",
                                name: "张庄居委会"
                            },
                            {
                                code: "411003004003",
                                name: "斜店居委会"
                            }
                        ]
                    },
                    {
                        code: "411003100000",
                        name: "将官池镇",
                        children: [
                            {
                                code: "411003100002",
                                name: "董庄居委会"

                            },
                            {
                                code: "411003100003",
                                name: "湖徐居委会"
                            },
                            {
                                code: "411003100004",
                                name: "王店居委会"
                            }
                        ]
                    },
                    {
                        code: "411003101000",
                        name: "五女店镇",
                        children: [
                            {
                                code: "411003101001",
                                name: "北街居委会"

                            },
                            {
                                code: "411003101002",
                                name: "西街居委会"
                            }
                        ]
                    }
                ]
            },
        ]
    },
]
import Cascader from '@components/Cascader.vue';
export default {
    name: 'ApiDemo',

    data() {
        return {
            model: {
            },
            options: options,
        };
    },
    components: {
        Cascader
    },
    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="less" scoped>
.query {
    margin: 80px;
}
</style>